<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="author" content="Wayou">
        <meta name="description" content="hichat | a simple chat application built with node.js and websocket">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
        <title>hichat</title>
        <link rel="stylesheet" href="styles/main.css">
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <link rel="icon" href="favicon.ico" type="image/x-icon">
    </head>
    <body>
        <div class="wrapper" style="width: 90%; height: 80%">
            <div class="banner" style="height: 30px;">
                <!--<h1>专用聊天室</h1>-->
                <span id="status"></span>
            </div>
            <div id="historyMsg">
            </div>
            <div class="controls" >
                <div class="items">
                    <input id="colorStyle" type="color" placeHolder='颜色：#000' title="font color" />
                    <input id="emoji" type="button" value="表情" title="emoji" />
                    <label for="sendImage" class="imageLable">
                        <input type="button" value="发小图"  />
                        <input id="sendImage" type="file" value="image"/>
                    </label>
                    <input id="reflashBtn" type="button" value="取回历史" title="获取历史记录" />
                    <input id="clearBtn" type="button" value="清空屏幕" title="clear screen" />
                </div>
                <textarea id="messageInput" style="width: 99%;" placeHolder="enter to send"></textarea>
                <input id="sendBtn" type="button" style="width: 99%;" value="SEND">
                <label for="sendOImage" style="margin-top:10px; width: 99%;" class="imageLable">
                    <input type="button" style="margin-top:10px; width: 99%;"  value="发送文件（图片音频视频原始文件）"  />
                    <input id="sendOImage" style="margin-top:10px; width: 99%;"  type="file" value="image"/>
                </label>

                <input id="rebootBtn" type="button"  style="margin-top:10px; width: 99%;" value="一键清空服务器所有人聊天历史记录" title="清空历史" />
                <div id="emojiWrapper">
                </div>
            </div>
        </div>
        <div id="loginWrapper">
            <p id="info">connecting to server...</p>
            <div id="nickWrapper">
                <input type="text" placeHolder="nickname" id="nicknameInput" />
                <input type="button" value="OK" id="loginBtn" />
            </div>
        </div>
        <footer>
        </footer>
        <script src="/socket.io/socket.io.js"></script>
        <script src="scripts/hichat.js"></script>
        <!--<script>-->
        <!--/**REMOVE ME IF YOU CANT ACCESS GOOGLE SERVICE**/-->
          <!--(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){-->
          <!--(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),-->
          <!--m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)-->
          <!--})(window,document,'script','//www.google-analytics.com/analytics.js','ga');-->
        <!---->
          <!--ga('create', 'UA-46794744-7', 'hichat.herokuapp.com');-->
          <!--ga('send', 'pageview');-->
        <!--/**REMOVE END**/-->
    <!--</script>-->
    </body>
</html>
